<template>
  <div class="home">
    <HomePage1 />
    <HomePage2 />
    <HomePage3 @show-event="bjcloseDialog" />
    <HomePage4 />
    <HomePage5 @show-event="closeDialog" />
    <HomePage6 />
    <HomePage7 />
    <HomePage8 />
    <HomePage9 />
  </div>
  <YueYu :visible="visible" @close-event = "closeDialog" />
  <BaoJia :showbaojia="showbaojia" @show-event="bjcloseDialog" />
</template>
<script setup>
import { ref } from 'vue';
import YueYu from './common/YueYu.vue'
import BaoJia from './common/BaoJia.vue';
const visible = ref(false)
const showbaojia = ref(false)
const closeDialog = (e)=>{
  visible.value = e
}
const bjcloseDialog = (e)=>{
  showbaojia.value = e
}
</script>

<style scoped>

</style>
